<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>护助汇</title>
    <link rel="stylesheet" href="../public/css/public.css">
    <link rel="stylesheet" href="css/caregiver-center.css">
</head>

<body>
    <div id="top">
        <div id="in-top-box">
            <div id="located-city">所在城市:
                <span id="city-name">北京</span> <span id="switch-city">[切换]</span>
            </div>
            <div id="login-register">
                <span id="login">登录</span>&nbsp|&nbsp<span id="register">注册</span>
            </div>
            <span id="center">个人中心</span>
            <span id="contact-us">联系我们</span>
        </div>
    </div>
    <div id="head">
        <div id="in-head-box">
            <div id="title">
                护助汇
            </div>
            <ul id="main-link">
                <li>首页</li>
                <li>找工作</li>
                <li>找护工</li>
                <li>找经纪人</li>
            </ul>
        </div>
    </div>
    <div id="giver-center-title">
        个人中心
    </div>
    <div id="main-contain">
        <div id="main-left-contain">
            <div id="choose-info">
                <div id="giver-photo"><img src="../img/giver.jpg" alt=""></div>
                <div id="choose-items">
                    <ul>
                        <li>个人信息</li>
                        <li>我的简历</li>
                        <li>我的状态</li>
                        <li  class="active">我的收藏</li>
                        <li>我的评价</li>
                        <li>我的经济人</li>
                        <li>我的消息</li>
                    </ul>
                </div>
            </div>
        </div>
        <div id="main-right-contain">
            <!-- 我的收藏开始 -->
            <div id="my-collect-contain">
                <div id="my-collect-title">
                    <span id="my-favorite">我的收藏</span>
                    <span id="see-who-collect-me">谁收藏了我</span>
                </div>
                <div id="sort-way">
                    <div id="way-title">排序方式</div>
                    <span id="follow-time" class="active">按时间</span>
                    <span id="follow-salary">按薪资</span>
                </div>
                <div class="one-my-favorite">
                    <div><span class="requirer">张先生</span>&nbsp&nbsp&nbsp&nbsp&nbsp<span>蜀山区</span></div>
                    <div>护理需求：<span>老人半瘫痪，需每日按摩，活动肌肉</span></div>
                    <div>雇用时长：<span>长期</span></div>
                    <div>薪资：<span>面谈</span></div>
                    <button>联系TA</button>
                </div>
                <div class="one-my-favorite">
                    <div><span class="requirer">张先生</span>&nbsp&nbsp&nbsp&nbsp&nbsp<span>蜀山区</span></div>
                    <div>护理需求：<span>老人半瘫痪，需每日按摩，活动肌肉</span></div>
                    <div>雇用时长：<span>长期</span></div>
                    <div>薪资：<span>面谈</span></div>
                    <button>联系TA</button>
                </div>
                <div class="one-my-favorite">
                    <div><span class="requirer">张先生</span>&nbsp&nbsp&nbsp&nbsp&nbsp<span>蜀山区</span></div>
                    <div>护理需求：<span>老人半瘫痪，需每日按摩，活动肌肉</span></div>
                    <div>雇用时长：<span>长期</span></div>
                    <div>薪资：<span>面谈</span></div>
                    <button>联系TA</button>
                </div>
                <div class="one-my-favorite">
                    <div><span class="requirer">张先生</span>&nbsp&nbsp&nbsp&nbsp&nbsp<span>蜀山区</span></div>
                    <div>护理需求：<span>老人半瘫痪，需每日按摩，活动肌肉</span></div>
                    <div>雇用时长：<span>长期</span></div>
                    <div>薪资：<span>面谈</span></div>
                    <button>联系TA</button>
                </div>
                <div class="one-my-favorite">
                    <div><span class="requirer">张先生</span>&nbsp&nbsp&nbsp&nbsp&nbsp<span>蜀山区</span></div>
                    <div>护理需求：<span>老人半瘫痪，需每日按摩，活动肌肉</span></div>
                    <div>雇用时长：<span>长期</span></div>
                    <div>薪资：<span>面谈</span></div>
                    <button>联系TA</button>
                </div>
                <div class="one-my-favorite">
                    <div><span class="requirer">张先生</span>&nbsp&nbsp&nbsp&nbsp&nbsp<span>蜀山区</span></div>
                    <div>护理需求：<span>老人半瘫痪，需每日按摩，活动肌肉</span></div>
                    <div>雇用时长：<span>长期</span></div>
                    <div>薪资：<span>面谈</span></div>
                    <button>联系TA</button>
                </div>
            </div>
            <!-- 我的收藏结束 -->
            <!-- 我的消息开始 -->
            <div id="my-message">
                <div id="my-message-title-box">
                    <span id="my-message-title">我的消息</span>
                </div>
                <div id="switch-use">
                    <div class="active">联系人</div>
                    <div>消息板</div>
                </div>


                <!-- 联系人开始 -->
                <div id="contact-person">
                    <div class="one-my-contact-person">
                        <div><span class="requirer">张先生</span>&nbsp&nbsp&nbsp&nbsp&nbsp<span>蜀山区</span></div>
                        <div>护理需求：<span>老人半瘫痪，需每日按摩，活动肌肉</span></div>
                        <div>雇用时长：<span>长期</span></div>
                        <div>薪资：<span>面谈</span></div>
                        <button>联系TA</button>
                    </div>
                    <div class="one-my-contact-person">
                        <div><span class="requirer">张先生</span>&nbsp&nbsp&nbsp&nbsp&nbsp<span>蜀山区</span></div>
                        <div>护理需求：<span>老人半瘫痪，需每日按摩，活动肌肉</span></div>
                        <div>雇用时长：<span>长期</span></div>
                        <div>薪资：<span>面谈</span></div>
                        <button>联系TA</button>
                    </div>
                    <div class="one-my-contact-person">
                        <div><span class="requirer">张先生</span>&nbsp&nbsp&nbsp&nbsp&nbsp<span>蜀山区</span></div>
                        <div>护理需求：<span>老人半瘫痪，需每日按摩，活动肌肉</span></div>
                        <div>雇用时长：<span>长期</span></div>
                        <div>薪资：<span>面谈</span></div>
                        <button>联系TA</button>
                    </div>
                    <div class="one-my-contact-person">
                        <div><span class="requirer">张先生</span>&nbsp&nbsp&nbsp&nbsp&nbsp<span>蜀山区</span></div>
                        <div>护理需求：<span>老人半瘫痪，需每日按摩，活动肌肉</span></div>
                        <div>雇用时长：<span>长期</span></div>
                        <div>薪资：<span>面谈</span></div>
                        <button>联系TA</button>
                    </div>
                </div>
                <!-- 联系人结束 -->

                <!-- 消息板开始 -->
                <div id="message-panel">
                    
                </div>
                <!-- 消息版结束 -->


            </div>
            <!--我的消息结束 -->
        </div>
        <div class="clear-float"></div>
    </div>
</body>
